/*******************************
 * @Author Kiner
 * @Author blog http://okiner.cn/
 * @Email  kiner.lee@gmail.com
 * @Creation date: 2012.08.20
 * @Tips: Base CSS
 *******************************/
 
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, group, menu, nav, section {
	margin:0;
	padding:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
audio, canvas, video {
	display:inline-block;
	*display:inline;
	*zoom:1
}
body, button, input, select, textarea {
	font:14px/1.5 'Arial', sans-serif;
}
body { background-image: url(../images/skin/leaf.jpg); background-position:0 0; background-repeat:no-repeat; }
input, select, textarea {
	vertical-align:middle;
	color:#666
}
button, input {
*overflow:visible;
	line-height:normal
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
th {
	text-align:inherit
}
fieldset, img {
	border:0
}
iframe {
	display:block
}
blockquote {
	margin:1em 4em 1em 2em;
	padding:.6em 1em;
	background:#f1f1f1
}
blockquote blockquote {
	padding:0 0 0 1em;
	margin-left:2em;
	border-left:.4em solid #ddd
}
acronym, abbr {
	border-bottom:1px dotted;
	font-variant:normal
}
abbr {
	cursor:help
}
del {
	text-decoration:line-through
}
address, caption, cite, code, den, em, th, var {
	font-style:normal;
	font-weight:500
}
ul, ol {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font:500 100%/1 Arial, sans-serif;
	font-weight:700\9
}
q:before, q:after {
	content:''
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
a {
	color:#06c
}
a:hover {
	color:#f50;
	text-decoration:underline
}
ins, a {
	text-decoration:none
}
pre, code {
	font-family:'Courier New', serif
}
pre {
	border:1px solid #ddd;
	border-left-width:.4em;
	background:#fbfbfb;
	padding:10px
}
code {
	color:#080
}
small, .small {
	font-size:12px;
	color:#888
}
mark, .mark {
	background:#ffc
}
:focus {
	outline:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:before, .clearfix:after {
	content:"";
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
*zoom:1
}
.border-box {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.textwrap, .textwrap td, .textwrap th {
	word-wrap:break-word;
	word-break:break-all
}
.textwrap-table {
	table-layout:fixed
}

.hidden { display:none; }

body {
	min-width:1000px
}



::-webkit-scrollbar {
width:6px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);
-webkit-border-radius:6px;
border-radius:6px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius:6px;
border-radius:6px;
background:rgba(231,231,231,0.8);
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(231,231,231,0.4);
}


#body { position:absolute; top:50px; left:0;  }
#body section { display:inline-block;  }
.wrapper 	{ margin:30px 50px 0; text-align:center; }

.kI { width:52px; height:52px; position:fixed; right:30px; top:30px; z-index:10; cursor:pointer; outline:0; }
.mW { position:absolute; left:9px; bottom:9px; +zoom:1; z-index:20; width:32px; height:32px; background-color:#888; background-color:RGBA(54,54,54,.7); border-radius:32px; box-shadow:0 0 10px RGBA(0,0,0,.5)}
.kI:hover .mW { box-shadow:0 0 15px RGBA(0,0,0,.7) }
.ld { position:absolute; width:4px; height:4px; line-height:0; font-size:0; background-color:#ccc; border:1px solid #ccc; left:9px; top:9px }
.iW { left:17px}
.iX { top:17px;background:none!important}
.iY { left:17px; top:17px }
.kI:active .mW .ld, .iZ .ld { background-color:#aaa; border-color:#aaa }
.kI:hover .dW, .dW { border-width:2px 0 2px 2px; width:30px; height:32px; border-top-left-radius:32px; border-bottom-right-radius:0; box-shadow:-3px 0 5px RGBA(0,0,0,.5)}

.socials {
display:block;
width:32px;
height:32px;
cursor:pointer;
position:relative;
}

ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
}

ul.reset li {
position:absolute;
}
ul.reset li img { width:32px; }

#layout 	{ width:30px; height:24px; position:fixed; right:0; top:1px; z-index:9; box-shadow:0 0 3px RGBA(0,0,0,.3); border-radius:12px 0 0 12px; cursor:pointer; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(222, 231, 233, 0.5))); border:1px rgba(222, 222, 222, 0.6) solid; border-right:0; cursor:pointer; }
#layout img 	{ display:block; margin:0 auto 0 4px; }
#layout:hover 	{ background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(162, 212, 251, 0.7)), to(rgba(82, 179, 253, 0.5))); border:1px rgba(4, 126, 220, 0.4) solid; border-right:0; cursor:pointer; }
#layout .topClose { position:absolute; right:0; top:0; width:36px; height:36px; z-index:12; background:url(../images/fancybox_sprite.png) 0 0 no-repeat; cursor:pointer; }
.setupBox { margin-top:8px; width:388px; height:77px; }
.setupBox .setupBoxStyle { cursor:pointer; float:left; width:80px; height:60px; margin:2px 5px 0 10px; background:#999; text-align:center; border-radius:6px; }
.setupBox .setupBoxStyle.default { background:url(../images/setupBoxStyle.png) 0px 0px; }
.setupBox .setupBoxStyle.circular { background:url(../images/setupBoxStyle.png) -80px 0; }
.setupBox .setupBoxStyle.square { background:url(../images/setupBoxStyle.png) -160px 0; }
.setupBox .setupBoxStyle.seamless { background:url(../images/setupBoxStyle.png) -240px 0; }
.setupBox .setupBoxStyle .dialBoxNum { float:left; width:40px; height:30px; line-height:30px; color:#FFF; font-weight:bold; margin-right:0px; text-shadow:1px 1px 3px black; border-radius:6px; display:none; }
.setupBox .setupBoxStyle:hover .dialBoxNum { display:block; }
.setupBox .setupBoxStyle .dialBoxNum:hover { background:rgba(60,60,60,0.6); }



/*弧度*/
.itemBox { display:inline-block; box-shadow:0 0 3px #555; border-radius:6px; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(222, 231, 233, 0.5))); border:1px solid #aedafd;  border: 1px rgba(174, 218, 253, 0.6) solid; border-bottom:2px solid #0786e8; margin:15px 15px 15px; width:294px; height:227px; }

.itemBox .itemImg { display:block; height:190px; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; }
.itemBox .itemIcon { margin:10px 0 0 10px; width:16px; height:16px; background-repeat:no-repeat; -webkit-background-size:100%; }
.itemBox .itemTitle { position:relative; margin-top:6px; height:21px; color:#fff; font-size:14px; font-weight:bold; font-family:Microsoft Yahei; text-align:center; text-stroke:10px #002542; text-indent:-999em; }
.itemBox .itemTitle span { width:100%; height:21px; background:#0786e8; position:absolute; left:0; bottom:0; border-radius:4px; display:none; }

/*直角*/

.itemBoxII { display:inline-block; box-shadow:0 0 3px #555; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(222, 231, 233, 0.5))); border: 1px rgba(174, 218, 253, 0.6) solid; border-bottom:2px solid #0786e8; margin:15px 15px 0; width:294px; height:227px; }
.itemBoxII .itemImg { display:block; height:190px; background:url(../images/app/baidu.com.png) 50% 50% no-repeat; cursor:pointer; }
.itemBoxII .itemIcon { margin:10px 0 0 10px; width:32px; height:32px; background-repeat:no-repeat; }
.itemBoxII .itemTitle { position:relative; margin-top:6px; height:21px; color:#fff; font-size:14px; font-weight:bold; font-family:Microsoft Yahei; text-align:center; text-stroke:10px #002542; text-indent:-999em; }
.itemBoxII .itemTitle span { width:100%; height:21px; background:#0786e8; position:absolute; left:0; bottom:0; border-radius:4px; display:none; }

/*圆形*/

.itemBoxIII { display:inline-block; box-shadow:0 0 3px #555; border-radius:250px; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(222, 231, 233, 0.5))); border: 1px rgba(174, 218, 253, 0.6) solid; margin:15px 15px 0; width:250px; height:250px; }
.itemBoxIII .itemImg { display:block; height:190px; background:url(../images/app/baidu.com.png) 50% 50% no-repeat; cursor:pointer; }
.itemBoxIII .itemIcon { margin:30px 0 0 70px; width:16px; height:16px; background-repeat:no-repeat; -webkit-background-size:100%; }
.itemBoxIII .itemTitle { position:relative; margin-top:6px; height:21px; color:#fff; font-size:14px; font-weight:bold; font-family:Microsoft Yahei; text-align:center; text-stroke:10px #002542; text-indent:-999em;  }
.itemBoxIII .itemTitle span { width:60px; height:21px; border-radius:21px; background:#023155; opacity:0.5; position:absolute; left:95px; bottom:0; display:none; }


.hover 	{ background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.75)), to(rgba(174, 218, 253, 0.6))); }

footer { position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #fff; }
footer div { position:absolute; top:0; left:0; width:100%; height:69px; border-top:1px solid #ddd; background:#fff; opacity:0.6; }
footer section { position:relative; text-align:center; z-index:2; margin:-20px auto 0; height:90px; }

ul#navigation { position:fixed; bottom:0; left:0; z-index:9999; }
ul#navigation li { float:left; height:100px; cursor:pointer; }
ul#navigation li span { display:block; width:100px; height:90px; padding:7px 0 3px 0; text-align:center; }
ul#navigation li span.over { width:98px; height:88px; background:#fff; opacity:0.6; border:1px solid #ccc; border-radius:8px; }
ul#navigation li span a { display:block; height:25px; font:bold 14px Microsoft Yahei; text-shadow:1px 1px 3px #999; }



.placeHolder dl { display:inline-block; box-shadow:0 0 3px #555; border-radius:6px; margin:15px 15px 15px; width:294px; height:227px;  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(222, 231, 233, 0.3))); border:dashed 1px gray !important; }